$defaultWidth: 100%;
$defaultPadding20: 20px;
$defaultPadding10: 10px;
$swiperHeight: 407px;
$swiperWidth: 100%;
$defaultColor: #ffb72f;
$defaultFontSize: 29px;
$defaultMultipleFontSize: 6px;

.sp-reservation-choose-resources {
  background-color: whitesmoke;
  //padding-bottom: calc(env(safe-area-inset-bottom) + 100px);
  min-height: calc(98vh - 88px);
  font-size: $defaultFontSize;
  .card {
    width: $defaultWidth;
    border-radius: 18px;
    padding: $defaultPadding20;
    background-color: white;
    margin: 0 auto $defaultPadding20 auto;
  }
  .item {
    margin-top: 15px;
  }
  .icon {
    width: 40px;
    height: 40px;
  }
  .cover {
    width: 120px;
    height: 120px;
    border-radius: 999px;
  }
  .money {
    flex: 1;
    font-size: 34px;
    font-weight: bold;
    color: $defaultColor;
  }
  .tips {
    color: #999999;
    font-size: 24px;
  }

  //标签
  &-tags {
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 68px;
    overflow: hidden;
  }
  &-tag {
    font-size: 20px;
    border: 1px solid $defaultColor;
    color: $defaultColor;
    padding: 10px $defaultPadding20;
    border-radius: 8px;
    display: inline-block;
    margin: 15px 14px 15px 0;
  }
  .list {
    padding: $defaultPadding20;
    //padding-top: $defaultPadding20;
    &-item {
      //width: 95%;
      background-color: white;
      border-radius: 30px;
      border: 1px solid transparent;
      display: flex;
      position: relative;
      align-items: center;
      &_activited {
        position: relative;
        border: 1px solid $defaultColor;
      }
    }
    .op {
      display: flex;
      align-items: center;
    }
    .info {
      margin-left: 21px;
      flex: 1;
    }
  }
}
